// out: ./index.wxss, compress: true, sourceMap: false
.page{
    background-color: #F2F3F7;
    min-height: 100vh;
}
.top{
    position: relative;
    background-color: #5D7DA8;
    padding-top: 20rpx;
    .top-tab{
        width: 670rpx;
        margin: 0 auto;
        position: relative;
        display: flex;
        background-color: #869CB8;
        height:65rpx;
        // background-color:#fff;
        border-radius:33rpx;
        z-index: 3;
        .active-view{
            position: absolute;
            top: 0;
            left: 0;
            width: 25%;
            height:65rpx;
            background-color:#fff;
            border-radius:33rpx;
            z-index: 1;
            transition: all .25s;
        }
        .tab-item{
            position: relative;
            height:65rpx;
            line-height: 65rpx;
            flex: 1;
            text-align: center;
            font-size:32rpx;
            font-weight:500;
            color:rgba(246,248,254,1);
            z-index: 2;
            &.active{
                // background-color:#fff;
                // border-radius:33rpx;
                color:rgba(62,90,127,1);
            }
        }
    }
    .top-time-search{
        width: 670rpx;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 20rpx 0;
        .time-group{
            position: relative;
            display: flex;
            justify-content: space-between;
            flex:auto;
            .circle-right-icon{
                position: absolute;
                top: 15rpx;
                left: 50%;
                margin-left: -25rpx;
                width: 50rpx;
                height: 50rpx;
            }
            .time-box{
                width: 288rpx;
                height: 80rpx;
                background-color: #fff;
                padding: 16rpx 39rpx;
                border-radius:10rpx;
                text-align: left;
                &.end-time{
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }
                .label{
                    font-size:18rpx;
                    font-weight:500;
                    color:rgba(134,150,163,1);
                }
                .value{
                    font-size:24rpx;
                    font-weight:500;
                    color:rgba(62,90,127,1);
                    .arrow-sm-dwon{
                        width: 20rpx;
                        height: 11rpx;
                    }
                }
            }
        }
        .search-btn{
            width: 80rpx;
            height: 80rpx;
            background:rgba(62,90,127,1);
            border-radius:0px 10rpx 10rpx 0px;
            text-align: center;
            line-height: 80rpx;
            font-size:24rpx;
            color:#fff;
        }
    }
    .top-alert{
        height:40rpx;
        background:#445B7A;
        line-height: 40rpx;
        text-align: center;
        font-size: 20rpx;
        color: #fff;
    }
}

.info-list{
    .info-item{
        background-color: #fff;
        margin-bottom: 20rpx;
        .info-top{
            padding: 29rpx 48rpx;
            .title{
                font-size:30rpx;
                color:rgba(62,90,127,1);
            }
            .time{
                font-size:24rpx;
                font-weight:400;
                color:#3E5A7F;
                .label{
                    font-size:24rpx;
                }
            }
        }
        .info-body{
            padding: 29rpx 38rpx;
            .info-cell{
                font-size:24rpx;
                color:#444;
            }
        }
    }
}
